// 首页轮播图
$(document).ready(function() {
	const images = [
		'img/1.jpg',
		'img/2.jpg',
		'img/3.jpg',
		'img/4.jpg',
		'img/5.jpg',
		'img/6.jpg',
		'img/7.jpg',
		'img/8.jpg',
	];

	const backgrounds = [
		'img/1_1.jpg',
		'img/2_1.jpg',
		'img/3_1.jpg',
		'img/4_1.jpg',
		'img/5_1.jpg',
		'img/6_1.jpg',
		'img/7_1.jpg',
		'img/8_1.jpg',
	];

	let currentIndex = 0;

	function showImage(index) {
		if (index >= images.length) index = 0;
		if (index < 0) index = images.length - 1;

		$('.slider_wrap .wrap img').each(function(i) {
			$(this).attr('src', images[i]); // 确保每个img元素都有正确的src
			$(this).removeClass('active');
			if (i === index) {
				$(this).addClass('active');
			}
		});

		// 更新背景图
		$('#slider_wrap').css('background-image', `url("${backgrounds[index]}")`);

		// 更新圆点状态
		$('.slider_wrap .dots a').removeClass('red_dot');
		$('.slider_wrap .dots a').eq(index).addClass('red_dot');

		currentIndex = index;
	}

	// 初始化
	showImage(currentIndex);

	// 自动播放
	setInterval(() => {
		currentIndex++;
		showImage(currentIndex);
	}, 3000); // 每3秒切换一次

	// 点击左右按钮
	$('.slider_wrap .left_btn').click(() => {
		currentIndex--;
		showImage(currentIndex);
	});

	$('.slider_wrap .right_btn').click(() => {
		currentIndex++;
		showImage(currentIndex);
	});

	// 点击圆点
	$('.slider_wrap .dots a').click(function() {
		const index = $(this).index();
		showImage(index);
	});
});
// 歌单轮播图
$(document).ready(function() {
	const $turnLists = $('.turn_list');
	let currentIndex = 0;
	const containerWidth = $('.turn').width();

	function showNextList() {
		const nextIndex = (currentIndex + 1) % $turnLists.length;
		const currentList = $turnLists.eq(currentIndex);
		const nextList = $turnLists.eq(nextIndex);

		currentList.animate({
			left: -containerWidth
		}, 800, 'swing');
		nextList.css('left', containerWidth).show().animate({
			left: 0
		}, 800, 'swing', function() {
			currentList.hide().css('left', 0);
			nextList.addClass('active');
			currentIndex = nextIndex;
		});
	}

	function showPrevList() {
		const prevIndex = (currentIndex - 1 + $turnLists.length) % $turnLists.length;
		const currentList = $turnLists.eq(currentIndex);
		const prevList = $turnLists.eq(prevIndex);

		currentList.animate({
			left: containerWidth
		}, 800, 'swing');
		prevList.css('left', -containerWidth).show().animate({
			left: 0
		}, 800, 'swing', function() {
			currentList.hide().css('left', 0);
			prevList.addClass('active');
			currentIndex = prevIndex;
		});
	}

	$('.left_btn').click(function(e) {
		e.preventDefault(); // 阻止默认行为
		showPrevList();
	});

	$('.right_btn').click(function(e) {
		e.preventDefault(); // 阻止默认行为
		showNextList();
	});

	// 初始化第一个列表为可见
	$turnLists.not(':eq(' + currentIndex + ')').hide();
	$turnLists.eq(currentIndex).css('left', 0).show();
});